<template>
  <div>
    <!-- <h3>新闻列表</h3> -->
    <ul class="mui-table-view">
      <li class="mui-table-view-cell mui-media">
        <router-link to="/home/newsinfo/1">
          <img class="mui-media-object mui-pull-left" src="../../lib/mui/images/shuijiao.jpg" />
          <div class="mui-media-body">
            <h1>幸福</h1>
            <p class="mui-ellipsis">
              <span>发布时间：2019-10-28</span>
              <span>点击：0次</span>
            </p>
          </div>
        </router-link>
      </li>
         <li class="mui-table-view-cell mui-media">
        <router-link to="/home/newsinfo/1">
          <img class="mui-media-object mui-pull-left" src="../../lib/mui/images/shuijiao.jpg" />
          <div class="mui-media-body">
            <h1>幸福</h1>
            <p class="mui-ellipsis">
              <span>发布时间：2019-10-28</span>
              <span>点击：0次</span>
            </p>
          </div>
        </router-link>
      </li>
         <li class="mui-table-view-cell mui-media">
        <router-link to="/home/newsinfo/1">
          <img class="mui-media-object mui-pull-left" src="../../lib/mui/images/shuijiao.jpg" />
          <div class="mui-media-body">
            <h1>幸福</h1>
            <p class="mui-ellipsis">
              <span>发布时间：2019-10-28</span>
              <span>点击：0次</span>
            </p>
          </div>
        </router-link>
      </li>
    </ul>
  </div>
</template>
<script>
export default {};
</script>
<style scoped>
.mui-table-view li h1 {
  font-size: 14px;
}
.mui-ellipsis{
    font-size: 12px;
    color: #226aff;
    display: flex;
    justify-content: space-between;
}
</style>